$(function () {

    let $container = $(".container")
    let $lis = $("#pagination li")
    //发送请求渲染页面
    function init() {

        load()
            .done(function (res) {
                // console.log(res.mainlist3);
                render(res.mainlist3)

            })

    }

    function load() {
        let options = {
            url: "../../static/libs/json/prototype.json",
            dataType: "json"
        }
        return $.ajax(options)
    }

    // $.each($lis, function (index, ele) {

    //     $(ele).click(function () {

    //         let options = {
    //             url: "http://127.0.0.1:8888/goods/list",
    //             data: { current: index + 1, pagesize: 15 },
    //             dataType: "json"
    //         }
    //         $.ajax(options)
    //         .done(function(res){

    //             render(res.list)

    //         })

    //     })

    // })
    function render(res) {
        $container.html(res.map(item =>
            `
        <a href="./datails.html">
            <div class="goods">
            <img src="${item.img}" alt="">    
            <h1>${item.title}</h1>
            <h2>${item.price}</h2>
            </div>
        </a>
        `).join(""))

    }

    init()
})